Creating a Quarto Dashboard

To create a dashboard you need to use format: dashboard in the YAML:

dashboard.qmd
--- 
title: "Palmer Penguins"
author: "Cobblepot Analytics"
format: dashboard
---

We can add futher details to the dashboard:

dashboard.qmd
--- 
title: "Palmer Penguins"
author: "Cobblepot Analytics"
format: 
  dashboard:
    logo: images/penguins.png
    nav-buttons: [linkedin, twitter, github]
---

Quarto Dashboard Components


  1. Navigation Bar — Icon, title, author, links to sub-pages
  1. Pages, Rows, Columns, and Tabsets
  1. Cards, Sidebars, and Toolbars

Static Dashboards

Default Layout (in Rows)

---
title: "Palmer Penguins"
author: "Allison Theobold"
format: dashboard
---
    
## Row {height=70%}

```{r}
```

## Row {height=30%}

```{r}
```

```{r}
```

A schematic of a page layout showing Chart 1 at the top using the full page width, then Chart 2 and Chart 3 side by side in a row below it.

Changing Orientation (to Columns)

---
title: "Palmer Penguins"
author: "Allison Theobold"
format: 
  dashboard:
    orientation: columns
---
    
## Column {width=60%}

```{r}
```

## Column {width=40%}

```{r}
```

```{r}
```

A schematic of a page layout showing Chart 1 on the left using the full page height, and on the right Chart 2 and Chart 3 are one above the other.

Adding More Pages

---
title: "Palmer Penguins"
author: "Allison Theobold"
format: dashboard
---
    
# Bills 

```{r}
```

# Flippers {orientation="columns"}

## Column

```{r}
```

```{r}
```

## Column 

```{r}
```

What orientation will the Bills page use?

Fun Stuff!

Tabsets

Value Boxes

The Middle Child (Part Static, Part Dynamic)

  • gganimate
  • leaflet

  • leaflet
  • plotly

Dynamic Dashboard